<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品分类</title>
    <link rel="stylesheet/less" href="./asset/less/category.less">
    <link rel="stylesheet" href="./asset/bootstrap/css/bootstrap.min.css">
    <script src="./asset/js/less.js"></script>
    
</head>

<body>
    <!-- 头部部分 -->
    <div id="hearder1">
        <div class="logo ">
            <a href="index.html">
                <img src="./asset/image/logo.png" alt="">
            </a>
        </div>
        <div class="appdown">
            <a href="#">
                <img src="./asset/image/download.png" alt="">
            </a>
        </div>
    </div>

    <!-- 搜索框部分 -->
    <div id="search1">
        <form action="" method="">
            <input type="text" placeholder="请输入你想比价的商品">
        </form>
        <div class="searchbtn">
            <input type="submit" value="搜索">
        </div>
    </div>

      <!-- 主题部分 -->
      <div class="main">
          <div class="box">
              <div class="main-top">
                  <a href="#">电器</a>
              </div>
              <div class="main-body">
                  <div class="row">
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                      <div class="col-xs-4"><a href="#">冰箱</a></div>
                  </div>
              </div>
          </div>
          <div class="box">
            <div class="main-top">
                <a href="#">电器222</a>
            </div>
            <div class="main-body">
                <div class="row">
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                    <div class="col-xs-4"><a href="#">冰箱</a></div>
                </div>
            </div>
        </div>
      </div>

    <!-- 底部部分 -->
    <div id="footer">
        <div class="foot_top">
            <a href="login.html">登录</a>
            <a href="register.html">注册</a>
            <a href="#" style="width: 40%; border: 0;"><img src="./asset/image/top.jpg" width="15" height="15">返回顶部</a>
        </div>
        <div class="foot_bottom">
            <p>
                <a href="#" style="color: Red;">手机APP下载</a>
                <a href="#">慢慢买手机版</a> 
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </div>

    <!-- 广告部分 -->
    <div id="advertisement">
        <a class="closefix" href="javascript:;"></a>
        <div class="icon"></div>
        <p class="titlefix">实时更新品牌榜</p>
        <p class="describe">全网比价不吃亏</p>
        <a class="download-btn" href="#" onclick="trackEvent('底部悬浮下载');">立即打开</a>
    </div>

    <script src="./asset/zepto/zepto.min.js"></script>
    <script src="./asset/artTemplate/template-web.js"></script>


    <!-- 分类标题模板 -->
    <script type="text/html" id="categoryTitleTmp">
        {{each result as value i}}
        <div class="box">
            <div class="main-top">
                <a href="#" data-titleId="{{value.titleId}}">{{value.title}}</a>
            </div>
            <div class="main-body">
                
            </div>
        </div>
        {{/each}}
    </script>

 <!-- 分类列表模板  -->
    <!-- category是参数名 = {{value.category}} 是参数的值  category=电视 -->
    <!-- productlist.html?category={{value.category}} -->
    <script type='text/html' id="categoryTmp">
        <div class="row">
            {{each result as value i}}
            <div class="col-xs-4"><a href="productlist.html?categoryid={{value.categoryId}}">{{value.category}}</a></div>
            {{/each}}
        </div>
    </script>

    <script src="./asset/js/url.js"></script>
    <!-- 引入本页js文件 -->
    <script src="./asset/js/category.js"></script>

</body>

</html>